
@import '../theme/global.less';
@import './color.less';

// 定义主题色
@{theme-tag} {
  @{css-variable-prefix}-primary-1: @primary-1;
  @{css-variable-prefix}-primary-2: @primary-2;
  @{css-variable-prefix}-primary-3: @primary-3;
  @{css-variable-prefix}-primary-4: @primary-4;
  @{css-variable-prefix}-primary-5: @primary-5;
  @{css-variable-prefix}-primary-6: @primary-6;
  @{css-variable-prefix}-primary-7: @primary-7;

  @{css-variable-prefix}-success: @success;
  @{css-variable-prefix}-success-1: @success-1;
  @{css-variable-prefix}-success-2: @success-2;
  @{css-variable-prefix}-success-3: @success-3;
  @{css-variable-prefix}-success-4: @success-4;
  @{css-variable-prefix}-success-5: @success-5;
  @{css-variable-prefix}-success-6: @success-6;
  @{css-variable-prefix}-success-7: @success-7;

  @{css-variable-prefix}-warning: @warning;
  @{css-variable-prefix}-warning-1: @warning-1;
  @{css-variable-prefix}-warning-2: @warning-2;
  @{css-variable-prefix}-warning-3: @warning-3;
  @{css-variable-prefix}-warning-4: @warning-4;
  @{css-variable-prefix}-warning-5: @warning-5;
  @{css-variable-prefix}-warning-6: @warning-6;
  @{css-variable-prefix}-warning-7: @warning-7;

  @{css-variable-prefix}-danger: @danger;
  @{css-variable-prefix}-danger-1: @danger-1;
  @{css-variable-prefix}-danger-2: @danger-2;
  @{css-variable-prefix}-danger-3: @danger-3;
  @{css-variable-prefix}-danger-4: @danger-4;
  @{css-variable-prefix}-danger-5: @danger-5;
  @{css-variable-prefix}-danger-6: @danger-6;
  @{css-variable-prefix}-danger-7: @danger-7;


  // 边框颜色
  @{css-variable-prefix}-color-border-1: @gray-2;
  @{css-variable-prefix}-color-border-2: @gray-3;
  @{css-variable-prefix}-color-border-3: @gray-4;
  @{css-variable-prefix}-color-border-4: @gray-6;

  // 填充颜色
  @{css-variable-prefix}-color-fill-1: @gray-1;
  @{css-variable-prefix}-color-fill-2: @gray-2;
  @{css-variable-prefix}-color-fill-3: @gray-3;
  @{css-variable-prefix}-color-fill-4: @gray-4;
  @{css-variable-prefix}-color-fill-5: @gray-8;

  // 文字颜色
  @{css-variable-prefix}-color-text-1: @gray-10;
  @{css-variable-prefix}-color-text-2: @gray-8;
  @{css-variable-prefix}-color-text-3: @gray-6;
  @{css-variable-prefix}-color-text-4: @gray-4;
  @{css-variable-prefix}-color-text-5: @white;


  @{css-variable-prefix}-white: @white;
  @{css-variable-prefix}-black: @black;
  @{css-variable-prefix}-transparent: transparent;
}
